📘 TypeScript 类型系统
与实战应用

🎯 30 章 · 从入门到大型项目

🧑‍🎓 风格 · 明快色系

01

TypeScript 入门

发展史、核心优势、环境搭建 (Node.js + VSCode + tsc)

02

基础类型系统

布尔/数字/字符串/数组/元组/枚举/any/void/null/undefined/never

03

接口 (Interface)

定义、可选/只读属性、函数类型、索引签名、继承

04

类型别名与联合类型

type、联合/交叉/字面量类型、类型守卫 (typeof/instanceof)

05

函数类型

声明/表达式、可选/默认/剩余参数、重载、this类型

06

类与面向对象

定义、继承、修饰符 (public/private/protected)、抽象类、静态成员

07

泛型基础

泛型函数/接口/类、约束 (extends)、keyof

08

高级类型 (一)

条件类型、分布式条件类型、infer关键字

09

高级类型 (二)

映射类型、内置工具类型 (Partial/Required/Readonly/Pick/Record)

10

高级类型 (三)

模板字面量类型、递归类型、类型体操入门

11

类型声明文件 (.d.ts)

声明文件作用、全局/模块声明、@types/

12

模块系统

ESM / CommonJS、命名空间、模块解析策略

13

装饰器 (Decorator)

类/方法/属性/参数装饰器、装饰器工厂

14

类型守卫进阶

自定义守卫 (is)、可辨识联合、类型断言 (as)

15

工具类型实战

深拷贝完整类型、函数柯里化类型

16

React 与 TS (一)

函数组件类型、Props/State、事件处理

17

React 与 TS (二)

useRef/useReducer、自定义Hooks、Context类型

18

React 与 TS (三)

HOC类型、Render Props、泛型组件

19

Node.js 与 TypeScript

Express路由/中间件类型、请求/响应扩展

20

Vue 3 与 TypeScript

Composition API、defineProps/defineEmits、ref/reactive

21

状态管理 (Zustand/Redux Toolkit)

Store类型、Action类型、中间件类型

22

配置与构建

tsconfig.json详解、Webpack/Vite集成

23

测试与类型

Jest + TS、类型测试 (tsd/expect-type)、Mock类型

24

类型安全的数据验证

Zod + TS、运行时与静态类型桥梁

25

GraphQL 与 TypeScript

GraphQL Code Generator、Resolver/Client类型

26

微前端与类型共享

Monorepo类型共享、Module Federation类型问题

27

类型性能优化

避免类型爆炸、条件短路、缓存类型、减少联合大小

28

类型安全的设计模式

建造者/策略/观察者模式的类型实现

29

TS 编译原理 (入门)

AST基础、自定义转换器、类型检查器API

30

大型项目实战

全栈项目：React + Express + Prisma 类型安全